iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 22
0

當我開始打算開始講解程式碼的時候,我才想起來我好像並沒有大概地講一下vue cli的架構,然後我又再想起來,我很像根本沒有說過,什麼是 Vue cli , 所以今天就來講一下什麼是 Vue cli !

//反正我很閒

何謂 Vue cli ?

Vue-CLI是Vue的命令行工具,可以快速開發大型單頁應用程式 (SPA),只要照著步驟,就可以很懶人的設定好webpack等常常用在前端的開發工具,煩人的配置瞬間搞定!

架構


node_modules:你的套件和函示庫都被放在這裡
src/components:管理和放置你所創造的元件
src/route:設定路由的地方
src/views:路由元件,指某個路由指向該元件(簡稱你的code)
App.vue:入口元件,所有元件的路由都會在此切換
main.js:入口文件,引用套件使用

參考


上一篇
[Day21] 前端08:v-everything ?
下一篇
[Day23] 前端10:萬物的起源-路由表
系列文
普通人寫前後端,可以挺過30天 吧!?30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言